@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-24 17:36:57
 * @version $Id$
 */
.banner{ width: 100%; height: 500px;  margin: 0px auto;  overflow: hidden;}
.banner .main{ width: 1920px; height: 500px; position: relative; left: 50%; margin-left: -960px; }

.content{ width: auto; height: auto; background: #f8f8f8;}
.content .main{  width: 1200px; height: 550px; margin: 0px auto; padding-top: 50px;}
.content .main .left{ width: 800px; height: 460px;  float: left;}
.content .main .left h2{ font-family: "微软雅黑"; font-size: 30px; color: #333; margin-bottom: 20px;}

.content .main .left form ul li{ float: left; margin: 0px 50px 20px 0px; border: 1px solid #999; border-radius: 5px;}
.content .main .left form ul li .theme{ width: 338px; height: 38px; font-family: "微软雅黑"; font-size: 18px; color: #666; padding-left: 10px;}
.content .main .left form > .message{ width: 736px; height: 200px; border: 1px solid #999; border-radius: 5px; font-family: "微软雅黑"; font-size: 18px; color: #666; padding-left: 10px; padding-top: 10px; margin-bottom: 20px;}
.content .main .left form > .code{  width: 150px; height: 36px; border: 1px solid #999; border-radius: 5px; font-family: "微软雅黑"; font-size: 18px; color: #666; padding-left: 10px; float: left;}
.content .main .left form img{ width: 96px; height: 36px; border: 1px solid #999; border-radius: 5px; margin-left: 20px;}
.content .main .left form .button{ font-family: "微软雅黑"; font-size: 18px; color: #fff; background: #05acf2; width: 150px; height: 38px; text-align: center; line-height: 38px; display: block; border-radius: 5px; float: right; margin-right: 50px; cursor: pointer;}
.content .main .left form .button a{ color: #fff; }

.content .main .right{ width: 400px; height: 460px; float: right;}
.content .main .right div{  width: 360px; height: 167px;}
.content .main .right div h3{ font-family: "微软雅黑"; font-size: 24px; color: #333; }
.content .main .right div p{ font-family: "微软雅黑"; font-size: 16px; color: #999; line-height: 35px; padding: 15px 0px;}
.content .main .right ul{ width: 400px; height: 225px; }
.content .main .right ul li{ width: 400px; height: 45px; border-bottom: 1px solid #ccc;}
.content .main .right ul li img{ margin: 0px 15px 0px 10px; vertical-align: middle; }
.content .main .right ul li span{ font-family: "微软雅黑"; font-size: 16px; color: #666; line-height: 45px;}